<?php
/*
Template Name: 全新①号VIP介绍页
*/
get_header(); 
$bg = _van('vip-bg');
$vip_js = _van('vip_js');
$vip_tc = _van('vip_tc');
$vip_tq = _van('vip_tq');
$vip_faq = _van('vip_faq');
//新VIP介绍页CSS
wp_enqueue_style('new_one_vip', trailingslashit(get_stylesheet_directory_uri()) . 'assets/css/pages/new_one_vip.css?van_ver=' . VAN_VER);
?>
<div class="van-vip-bg van-tag-bg" style="background: url(<?php echo $bg; ?>) center no-repeat;">
    <div class="van-container van-containertag">
        <div class="vip-bg-title">
            <h3 class="van-hs"><?php the_title(); ?></h3>
            <ul>
                <?php
        		if ($vip_js) {
        			foreach ( $vip_js as $key => $value) {
        		?>
                <li><i class="fa <?php echo $vip_js[$key]['icon']; ?>"></i><?php echo $vip_js[$key]['title']; ?></li>
                <?php } } ?>
            </ul>
        </div>
    </div>
</div>

<div class="van-vip-tc">
    <div class="van-container">
        <div class="van-grid-medium van-grid" van-grid>
            <?php
    		if ($vip_tc) {
    			foreach ( $vip_tc as $key => $value) {
    		?>
            <div class="vip-tc-boxmk van-width-1-1 van-width-1-2@s">
        	    <div class="vip-tc-box van-background-default van-dongtai">
            	    <div class="vip-tc-box-top b-b">
        	            <i class="i"></i>
            	        <div class="title"><?php echo $vip_tc[$key]['title']; ?></div>
            	        <span><?php echo $vip_tc[$key]['price']; ?></span>
            	        <p class="p"><?php echo $vip_tc[$key]['dosc']; ?></p>
                        <a href="<?php echo $vip_tc[$key]['button_link']; ?>"><?php echo $vip_tc[$key]['button_title']; ?></a>
            	    </div>
            	    <div class="vip-tc-box-boo">
            	        <span><?php echo $vip_tc[$key]['privilege_title']; ?></span>
            	        <?php echo $vip_tc[$key]['privilege_desc']; ?>
            	    </div>
        	    </div>
            </div>
            <?php } } ?>
        </div>
    </div>
</div>

<div class="van-vip-qy">
    <div class="van-container">
        <div class="vip-qy-title">
            <h2><?php echo _van('vip_tq_text'); ?></h2>
            <p><?php echo _van('vip_tq_desc'); ?></p>
        </div>
        <div class="van-grid-medium van-grid" van-grid>
            <?php
    		if ($vip_tq) {
    			foreach ( $vip_tq as $key => $value) {
    		?>
            <div class="van-width-1-2 van-width-1-4@s">
        	    <div class="vip-tqyc-box van-background-default van-dongtai">
        	        <img src="<?php echo $vip_tq[$key]['img']; ?>" alt="<?php echo $vip_tq[$key]['title']; ?>">
        	        <span><?php echo $vip_tq[$key]['title']; ?></span>
        	        <p><?php echo $vip_tq[$key]['desc']; ?></p>
        	    </div>
            </div>
            <?php } } ?>
        </div>
    </div>
</div>

<div class="van-vip-problem">
    <div class="van-container">
        <div class="problem-title">
            <h2><?php echo _van('vip_faq_text'); ?></h2>
            <p><?php echo _van('vip_faq_desc'); ?></p>
        </div>
        
        <div class="problem-box van-grid van-grid-stack" van-grid="">
         <?php
    		if ($vip_faq) {
    			foreach ( $vip_faq as $key => $value) {
    		?>
            <div class="problem-box-mk van-width-1-1 van-width-1-2@s">
                <div class="problem-box-mk-w van-dongtai">
                    <h2><?php echo $value['title']; ?></h2>
                    <p><?php echo $value['desc']; ?></p>
                </div>
            </div>
            <?php } } ?>
        </div>
    </div>
</div>
<?php get_footer(); ?>